<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>双十一活动</title>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/Product/css/active_page.css"/>
		<script src="__PUBLIC__/Product/js/lib/flexible.js"></script>
	</head>
	<body>
		<div class="active_box">
			<div class="active_heard">
				<img src="__PUBLIC__/Product/img/active_page/liubian1.png" alt=""  class="img1"/>
				<img src="__PUBLIC__/Product/img/active_page/liubian2.png" alt=""  class="img2"/>
				<img src="__PUBLIC__/Product/img/active_page/yuan.png" alt=""  class="img3"/>
				<img src="__PUBLIC__/Product/img/active_page/yuan_gray.png" alt=""  class="img4"/>
				<img src="__PUBLIC__/Product/img/active_page/yuan.png" alt=""  class="img5"/>
				<div class="font">
					<div class="font_lt"></div>
					<div class="font_rt">
						<div class="common1"></div>
						<div class="common2">一</div>
						<div class="common1"></div>
						<div class="common2">年</div>
						<div class="common1"></div>
						<div class="common2">只</div>
						<div class="common1"></div>
						<div class="common2">为</div>
						<div class="common1"></div>
						<div class="common2">这</div>
						<div class="common1"></div>
						<div class="common2">一</div>
						<div class="common1"></div>
						<div class="common2">次</div>
					</div>
				</div>
			</div>
			<div class="active_notice">
				<div class="active_name">11.11火爆疯抢中！</div>
				<div class="active_rule">
					<p>1.购满1000元送100元礼品.<br />2.使用礼券购物，全场商品八折起.<br />3.先领券再扫货，满额再送豪礼.<br />4.购满路由器和手机送精美礼品盒.<br />5.买了不会吃亏，买了不会上当。走过、路过、不要错过。</p>
				</div>
			</div>
			<div class="active_adv">
				<div class="adv_lt">
					<img src="__PUBLIC__/Product/img/active_page/black_luyouqi.png" alt="" />
				</div>
				<div class="adv_rt">
					<img class="img1" src="__PUBLIC__/Product/img/active_page/hot.png" alt="" />
					<p class="adv_good_name">Huawei/MediaQ M330电视盒子4K高清网络机顶盒智能播放器</p>
					<div class="now_buy">
						<span>11.11狂欢:</span>
						<span>330</span>
					</div>
				</div>
			</div>
			<div class="active_detail">
				<div class="img1_box">
					<img class="img1" src="__PUBLIC__/Product/img/active_page/huobao.png" alt="" />
				</div>
				<img class="img2" src="__PUBLIC__/Product/img/active_page/hot1.png"/>
				<div class="active_good_list">
					<div class="list_item">
						<div class="img_box">
							<img src="__PUBLIC__/Product/img/active_page/huawei.png" alt="" />
						</div>
						<div class="good_info">
							<div class="div1">
								<p>促销价:</p>
								<p>原价:<span>300</span></p>
							</div>
							<div class="div2">239</div>
							<div class="div3">立即购买</div>
						</div>
					</div>
					<div class="list_item">
						<div class="img_box">
							<img src="__PUBLIC__/Product/img/active_page/huawei.png" alt="" />
						</div>
						<div class="good_info">
							<div class="div1">
								<p>促销价:</p>
								<p>原价:<span>300</span></p>
							</div>
							<div class="div2">239</div>
							<div class="div3">立即购买</div>
						</div>
					</div>
					<div class="list_item">
						<div class="img_box">
							<img src="__PUBLIC__/Product/img/active_page/huawei.png" alt="" />
						</div>
						<div class="good_info">
							<div class="div1">
								<p>促销价:</p>
								<p>原价:<span>300</span></p>
							</div>
							<div class="div2">239</div>
							<div class="div3">立即购买</div>
						</div>
					</div>
					<div class="list_item">
						<div class="img_box">
							<img src="__PUBLIC__/Product/img/active_page/huawei.png" alt="" />
						</div>
						<div class="good_info">
							<div class="div1">
								<p>促销价:</p>
								<p>原价:<span>300</span></p>
							</div>
							<div class="div2">239</div>
							<div class="div3">立即购买</div>
						</div>
					</div>
					<div class="list_item">
						<div class="img_box">
							<img src="__PUBLIC__/Product/img/active_page/huawei.png" alt="" />
						</div>
						<div class="good_info">
							<div class="div1">
								<p>促销价:</p>
								<p>原价:<span>300</span></p>
							</div>
							<div class="div2">239</div>
							<div class="div3">立即购买</div>
						</div>
					</div>
					<div class="list_item">
						<div class="img_box">
							<img src="__PUBLIC__/Product/img/active_page/huawei.png" alt="" />
						</div>
						<div class="good_info">
							<div class="div1">
								<p>促销价:</p>
								<p>原价:<span>300</span></p>
							</div>
							<div class="div2">239</div>
							<div class="div3">立即购买</div>
						</div>
					</div>
				</div>
			</div>
			<div class="active_foot">
				<div class="go_top">返回顶部</div>
			</div>
		</div>
	</body>
</html>
<script src="__PUBLIC__/Product/js/lib/jquery3.2.1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$(function(){
		$(".go_top").bind('click',function(){
			timer = setInterval(function(){ 	//设置一个计时器
        		var ct = document.documentElement.scrollTop || document.body.scrollTop; //获取距离顶部的距离
        		ct -= 20;
        		if(ct > 0){						//如果与顶部的距离大于零
            		window.scrollTo(0 ,ct);		//向上移动20px
		        } else {						//如果距离小于等于零
		            window.scrollTo(0 ,0);		//移动到顶部
		            clearInterval(timer);		//清除计时器
		        }
    		}, 10);								//隔10ms执行一次前面的function，展现一种平滑滑动效果
		});
	});
</script>